<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <title>动力金融网 - 专业的互联网金融信息服务平台</title>
  <script type="text/javascript" th:src="@{/js/jquery-1.7.2.min.js}"></script>
  <script type="text/javascript" th:src="@{/js/trafficStatistics.js}"></script>
  <link rel="stylesheet" type="text/css" th:href="@{/css/share.css}"/>
  <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}"/>
</head>

<body>
<!-- 页头start -->
<div id="header">
  <div th:include="commons/header :: html"></div>
</div>
<!--页头end-->

<!-- 二级导航栏start -->
<div th:include="commons/subNav :: html"></div>
<!-- 二级导航栏end -->

<div class="mainBox">
  <div class="homeWap">
    <!--账户信息start-->
    <div class="credenMain clearfix">
      <div class="dog-ear"></div>
      <div class="credenBasic">
        <div class="credenName">
          <div class="head">
            <!--上传头像-->
            <div th:if="${#session.getAttribute('loginUser').headerImage==null}">
              <span><img th:src="@{/images/header.png}" width="90" height="90"/></span>
            </div>
            <div th:unless="${#session.getAttribute('loginUser').headerImage==null}">
              <span><img th:src="@{|/image/${#session.getAttribute('loginUser').headerImage}|}" width="90" height="90"/></span>
            </div>
            <form action="/web/loan/page/uploadHeader" method="post" enctype="multipart/form-data">
              <a style="margin-bottom: 5px;font-size: 10px"><input type="file" name="file" accept="image/*"></a>
              <a style="float:left;font-size: 12px;"><input type="submit" value="上传头像"></a>
            </form>
          </div>
          <h3 class="name">
            <span th:text="${#session.getAttribute('loginUser').name}">张三</span>
          </h3>
          <h4 th:text="${#session.getAttribute('loginUser').phone}">13725698888</h4>
          <h4 th:text="${#dates.format(#session.getAttribute('loginUser').lastLoginTime,'yyyy-MM-dd HH:mm:ss')}">
            最近登录：2017-05-21 15:23:36</h4>
        </div>
        <i class="borderRight"></i>
        <ul class="credenBalance">
          <li class="availMoney">
            <h3>可用余额：</h3>
            <!--如果金额<10000 显示金额，否则显示*****，点击*****显示余额-->
            <div th:if="${#session.getAttribute('financeAccount').availableMoney<10000.00}">
              <span class="moneyIcon"><i
                  th:text="|¥ ${#session.getAttribute('financeAccount').availableMoney} 元|">¥ 9000.0 元</i></span>
            </div>
            <div th:unless="${#session.getAttribute('financeAccount').availableMoney<10000.00}">
              <span class="moneyIcon">¥ ***** 元</span>
            </div>
            <!--点击*****显示余额-->
            <script type="text/javascript">
                $(function () {
                    $('.moneyIcon').click(function () {
                        $.get("/web/loan/page/finance",
                            function (data) {
                                $(".moneyIcon").html(data.message);
                            });
                    });
                });
            </script>
            <a class="recharge" th:href="@{/loan/page/myRecharge}">充值</a>
            <a class="inves" th:href="@{/loan/page/myInvest}">投资</a>
          </li>
        </ul>
      </div>
    </div>
    <!--账户信息end-->

    <!--最新操作数据start-->
    <div class="allInvest clearfix">
      <div class="eachInvest invest-tab">
        <h3>最近投资</h3>
        <div class="invest-tab-box">
          <dl>
            <dt>
              <span class="number" style="text-align:left;">序号</span>
              <span class="number">投资产品</span>
              <span class="money">投资金额</span>
              <span class="profit">投资时间</span>
            </dt>
            <dd>
              <span class="name">1</span>
              <span class="number">个人消费贷</span>
              <span class="money">5000.0</span>
              <span class="profit">2017-06-12</span>
            </dd>
            <dd>
              <span class="name">2</span>
              <span class="number">个人消费贷</span>
              <span class="money">5500.0</span>
              <span class="profit">2017-05-02</span>
            </dd>
            <dd>
              <span class="name">3</span>
              <span class="number">个人消费贷</span>
              <span class="money">3000.0</span>
              <span class="profit">2017-01-01</span>
            </dd>
            <dd>
              <span class="name">4</span>
              <span class="number">个人消费贷</span>
              <span class="money">3000.0</span>
              <span class="profit">2017-01-01</span>
            </dd>
            <dd>
              <span class="name">5</span>
              <span class="number">个人消费贷</span>
              <span class="money">3000.0</span>
              <span class="profit">2017-01-01</span>
            </dd>
          </dl>
          <div class="more-allinvest">
            <a th:href="@{/loan/page/myInvest}"><span>查看全部投资</span><i></i></a>
          </div>
        </div>
      </div>
      <div class="eachInvest invest-tab invest-tab-box">
        <h3>最近充值</h3>
        <dl>
          <dt>
            <span class="number" style="text-align:left;">序号</span>
            <span class="number">充值描述</span>
            <span class="money">充值金额</span>
            <span class="money">充值时间</span>
          </dt>
          <dd>
            <span class="name">1</span>
            <span class="number">支付理财</span>
            <span class="money">1000.0</span>
            <span class="profit">2017-05-01</span>
          </dd>
          <dd>
            <span class="name">2</span>
            <span class="number">支付理财</span>
            <span class="money">1000.0</span>
            <span class="profit">2017-04-01</span>
          </dd>
          <dd>
            <span class="name">3</span>
            <span class="number">支付理财</span>
            <span class="money">1000.0</span>
            <span class="profit">2017-03-01</span>
          </dd>
          <dd>
            <span class="name">4</span>
            <span class="number">支付理财</span>
            <span class="money">1000.0</span>
            <span class="profit">2017-03-01</span>
          </dd>
          <dd>
            <span class="name">5</span>
            <span class="number">支付理财</span>
            <span class="money">1000.0</span>
            <span class="profit">2017-03-01</span>
          </dd>
        </dl>
        <div class="more-allinvest">
          <a th:href="@{/loan/page/myRecharge}"><span>查看全部充值</span><i></i></a>
        </div>
      </div>

      <div class="eachInvest recent-earnings">
        <h3>最近收益</h3>
        <dl id="recentearning">
          <dt>
            <span class="number" style="text-align:left;">序号</span>
            <span class="number">项目名称</span>
            <span class="number name" style="text-align:center;">收益日期</span>
            <span class="profit">收益金额</span>
          </dt>
          <dd>
            <span class="number" style="text-align:left;">1</span>
            <span class="number">新手宝</span>
            <span class="number name" style="text-align:center;">2017-05-12</span>
            <span class="profit">12.6</span>

          </dd>
          <dd>
            <span class="number" style="text-align:left;">2</span>
            <span class="number">个人消费贷</span>
            <span class="number name" style="text-align:center;">2017-04-11</span>
            <span class="profit">100.6</span>

          </dd>
          <dd>
            <span class="number" style="text-align:left;">3</span>
            <span class="number">季度宝</span>
            <span class="number name" style="text-align:center;">2017-03-08</span>
            <span class="profit">1000.0</span>

          </dd>
          <dd>
            <span class="number" style="text-align:left;">4</span>
            <span class="number">季度宝</span>
            <span class="number name" style="text-align:center;">2017-03-08</span>
            <span class="profit">1000.0</span>

          </dd>
          <dd>
            <span class="number" style="text-align:left;">5</span>
            <span class="number">季度宝</span>
            <span class="number name" style="text-align:center;">2017-03-08</span>
            <span class="profit">1000.0</span>

          </dd>
        </dl>
        <div id="moreRecentIncome" class="more-allinvest">
          <a th:href="@{/loan/page/myIncome}"><span>查看全部收益计划</span><i></i></a>
        </div>
      </div>
    </div>
    <!--最新操作数据end-->
  </div>
</div>

<!--页脚start-->
<div th:include="commons/footer :: html"></div>
<!--页脚end-->
</body>
</html>